<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="../org/angular.min.js"></script>
    <script src="../org/jquery.min.js"></script>
    <script src="../org/angular-ui-router.min.js"></script>
</head>
<body>
<div ng-app="hd">
    <div ui-view></div>
</div>
<script>



    //ui.router是第三方库 使用需要在模块中添加依赖 那么这个模块就可以使用这个库路由所有功能
    var m = angular.module('hd', ['ui.router']);
    //config 配置路由
    //注意：这个路由需要提前配置  当前页面加#匹配指定的url 
    //$urlRouterProvider 定义默认路由、
    //$stateProvider 定义匹配模版 /对应template  使用ui-view作为占位符显示模版
    m.config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){
        //设置默认路由url
        $urlRouterProvider.otherwise('');
        //定义路由规则
        $stateProvider.state('default',{
            url:'',
            template:'<h1>后盾人</h1>'
        })
    }])
</script>
</body>
</html>